<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>主页</title>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
		<link rel="stylesheet/less" href="less/index.less" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/less.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flex.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<style>
		/*	html{font-size: 100px;}*/
		</style>
	</head>
	<body>
		<div class="header">
			六芝园
			<a class="icon iconfont icon-fangdajing"></a>
		</div>
		<div class="content">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<a href=""><img src="img/index/banner.png"/></a>
			        </div>
			        <div class="swiper-slide">
			        	<a href=""><img src="img/index/banner2.png"/></a>
			        </div>
			        <div class="swiper-slide">
			        	<a href=""><img src="img/index/banner3.png"/></a>
			        </div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
			<div class="idx-menu">
				<a href="list.html?&classID=3">
					<img src="img/index/shouji.png"/>
					<h5>手机</h5>
				</a>
				<a href="list.html?&classID=4">
					<img src="img/index/diannao.png"/>
						<h5>电脑</h5>
				</a>
				<a href="list.html?&classID=9">
					<img src="img/index/nvzhuang.png"/>
						<h5>内衣</h5>
				</a>
				<a href="list.html?&classID=10">
					<img src="img/index/nanzhuang.png"/>
					<h5>男装</h5>
				</a>
			</div>		
			<div class="ad">
				<span>618 返场狂欢</span>
				<span>——最高满999-100</span>
			</div>
			<div class="list">
				<img src="img/index/homepage5_03.png"/>
				<img src="img/index/homepage7_03.png"/>			
				<img src="img/index/homepage6_03.png"/>			
			</div>
			<div class="ad">
				<span>618 返场狂欢</span>
				<span>——最高满999-100</span>
			</div>
			<div class="list">
				<img src="img/index/homepage5_03.png"/>
				<img src="img/index/homepage7_03.png"/>			
				<img src="img/index/homepage6_03.png"/>			
			</div>
			<div class="ad">
				<span>618 返场狂欢</span>
				<span>——最高满999-100</span>
			</div>
			<div class="list">
				<img src="img/index/homepage5_03.png"/>
				<img src="img/index/homepage7_03.png"/>			
				<img src="img/index/homepage6_03.png"/>			
			</div>
		</div>
		<div class="footer">
			<ul>
				<li>
					<a class="icon iconfont icon-zhuye active"><p>主页</p></a>
				</li>
				<li>
					<a class="icon iconfont icon-fenlei"></a>
					<p>分类</p>
				</li>
				<li>
					<a class="icon iconfont icon-gouwuche"></a>
					<p>购物车</p>
				</li>
				<li>
					<a class="icon iconfont icon-user"></a>
					<p>我的</p>
				</li>
			</ul>
		</div>
	</body>
	<script>        
	  var mySwiper = new Swiper ('.swiper-container', {
	    loop: true,
	    // 如果需要分页器
	    pagination: '.swiper-pagination',
	
	  })        
  </script>
</html>
